/* 字间距 */
.letter0
{
  letter-spacing: 0rpx;
}
.letter1
{
  letter-spacing: 1rpx;
}
.letter2
{
  letter-spacing: 2rpx;
}

/*隐藏滚动条*/
scroll-view::-webkit-scrollbar {
	width: 0;
	height: 0;
	background-color: transparent;
}

/* 返回上一页 */
.backTo image{
	width: 18rpx;
	height: 32rpx;
}

/* flex布局 */
.flex-left {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.flex-right {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
}

.flex-between {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.flex-top {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.flex-bottom{
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
}

/* 点击效果 */
.hoverClass {
  opacity: 0.5;
  transform: translate(1rpx, 1rpx);
}

/* 动画效果 */
/* 渐阴进入 */
@-webkit-keyframes fadeIn {
  0% {
      opacity: 0;
  }

  to {
      opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
      opacity: 0;
  }

  to {
      opacity: 1;
  }
}
/* 渐阴退出 */
@-webkit-keyframes fadeOut {
  0% {
      opacity: 1;
  }

  to {
      opacity: 0;
  }
}
@keyframes fadeOut {
  0% {
      opacity: 1;
  }

  to {
      opacity: 0;
  }
}

/* 渐阴重下进入 */
@keyframes fadeInUp {
  0% {
      transform: translateY(350rpx);
  }

  100% {
      transform: translateY(0);
  }
}
/* 渐阴重下进入 */
@keyframes fadeInUpSmall {
  0% {
      transform: translateY(100rpx);
  }

  100% {
      transform: translateY(0);
  }
}

/* 放大进入 */
@keyframes zoomIn {
  0% {
      -webkit-transform: scale3d(0.3, 0.3, 0.3);
      transform: scale3d(0.3, 0.3, 0.3);
      opacity: 0;
  }

  100% {
      opacity: 1;
  }
}

/* 隐藏 */
.f-show{
	animation: fadeOut .3s;
	display: block;
}
.f-hide{
	display: none!important;
}

/* 字体设置 */
.font40
{
	font-size: 40rpx;
}
.font34
{
	font-size: 34rpx;
}
.font32
{
	font-size: 32rpx;
}
.font30
{
	font-size: 30rpx;
}
.font28
{
	font-size: 28rpx;
}
.font26
{
	font-size: 26rpx;
}
.font24
{
	font-size: 24rpx;
}
.font22
{
	font-size: 22rpx;
}
.font20
{
	font-size: 20rpx;
}

/* 公共颜色配置 */
.co-yellow
{
	color: #FFAE13;
}
.co-green
{
	color: #1FA752;
}
.co-red
{
	color: #E01914;
}
.co-blue
{
	color: #008AFF;
}
.co-grey
{
	color: #ccc;
}

.hidePage
{
	opacity: 0;
}
.hidePage::before
{
	/* position: absolute;
	top: 0;
	left: 0;
	content: "";
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.5); */
}
.boxS
{
	box-shadow: 0 0 10rpx #f3f4f6;
}

.btns
{
	 -webkit-transition: .3s all linear;
	 transform: scale(0.9);
	 transition: .3s all linear;
	 opacity: 0;
	 visibility: hidden;
	 background: #eee;
	 border-radius: 50px;
}